.app-container{
    font-family: "Microsoft YaHei UI";
    font-size: 16px;
    margin: 8px 16px;
}
.web-header{
    font-size: 18px;
    margin-right: 18px;
}
.web-header-manage{
    font-size: 18px;
    margin-right: 18px;
}
.web-header:hover{
    font-size: 22px;
    text-shadow: 2px 4px 4px wheat;
}
.web-header-manage:hover{
    font-size: 22px;
    text-shadow: 2px 4px 4px wheat;
}
.web-header-pro{
    float: right;
}
.web-auth-block{
    float: right;
}
.web-auth{
    margin: 18px 12px;
    font-size: 16px;
}
.web-main-card{
    width: 100%;
    height: 800px;
}
.web-main{
    margin-top: 30px;
}
.web-link{
    margin:0 8px;
    font-size: 16px;
}
.web-footer-font{
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #7B7D81;
    margin:0 8px;
}
.web-footer-distance{
    margin: 16px 0;
}
.web-bar{
    border: darkgrey solid 2px;
    border-radius: 5px;
    width: 150px;
    height: 150px
}
.web-aside-title{
    font-size: 18px;
    color: #7B7D81;
}
.web-box-card{
    width: 180px;
}
.web-aside-item{
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #7B7D81;
}
.web-router-link{
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #7B7D81;
    text-decoration:none;
}
.web-router-link:hover{
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: wheat;
    text-decoration:none;
}
.web-blog-form{
    margin: 20px;
}
.web-separator-style{
    margin: 40px;
}
